﻿<UserControl x:Class="DiscoveryLogic.UI.Layouts.Controls.RetirementLineChart"
        xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
        >

    <UserControl.Resources>
        <sys:Double x:Key="Res_ChartAmountMinLabel">0</sys:Double>
    </UserControl.Resources>
    <Canvas x:Name="LineChartCanvas" Width="314.166" Height="290.537">

        <!-- two test ellipses -->
        <Ellipse Canvas.Left="0" Canvas.Top="259.499" Width="4" Height="4" Fill="Transparent"></Ellipse>
        <Ellipse Canvas.Left="303.499" Canvas.Top="259.499" Width="4" Height="4" Fill="Transparent"></Ellipse>        
        
        <!-- Y Axis -->
        <Path x:Name="yAxis" Width="1" Height="189.499" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0.5" Data="M260.5,2060 L260.5,2164" Canvas.Top="70">
    
        </Path>

        <!-- X Axis -->
        <Path x:Name="xAxis" Width="303.499" Height="1" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="258.531">
            
        </Path>
        
        <!-- Horizontal Grid Lines -->
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="81.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="231.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="206.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="181.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="156.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="131.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        <Path Width="303.499" Height="1" Stretch="Fill" Stroke="#FF999999" StrokeThickness="0.5" Data="M3060.1113,260.5 L3364.7787,260.5" Canvas.Top="106.531">
            <Path.Fill>
                <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
                    <GradientStop Color="#FF001161" Offset="0"/>
                    <GradientStop Color="#FF54B3FF" Offset="1"/>
                </LinearGradientBrush>
            </Path.Fill>
        </Path>
        
        <TextBlock Width="288" Height="42.364" FontFamily="Trebuchet MS" FontSize="14" Foreground="#FF1D62AF" Text="This chart shows projected assets vs estimated expenses post retirement." TextWrapping="Wrap" Canvas.Left="15.499" Canvas.Top="20"/>

        <TextBlock Width="288" Height="16" FontFamily="Trebuchet MS" FontSize="14" Foreground="#FF1D62AF" TextWrapping="Wrap" FontWeight="Bold" Canvas.Left="15.499"><Run Text="Retirement Assets vs Expenses"/></TextBlock>

		<TextBlock x:Name="ChartAgeMaxLabel" Width="71.668" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" TextWrapping="Wrap" Text="110" Canvas.Left="285.45" Canvas.Top="266.037"/>

		<TextBlock x:Name="ChartAgeMinLabel" Width="73.489" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" TextWrapping="Wrap" Text="50" Canvas.Left="-1.823" Canvas.Top="266.037"/>

		<TextBlock x:Name="ChartAmountMinLabel" Width="12.641" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" 
                   TextWrapping="NoWrap" Text="Res_ChartAmountMinLabel" Canvas.Left="-28.141" Canvas.Top="247.597"/>

        <TextBlock x:Name="ChartAmountMaxLabel" Width="50.641" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" Text="^0" Canvas.Left="-50.141" Canvas.Top="56.739" HorizontalAlignment="Right"/>

        <TextBlock  Width="39.141" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" TextWrapping="Wrap" Text="Age"  Canvas.Left="290.45" Canvas.Top="276.037"/>
        
		<TextBlock Width="39.141" Height="24.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FF1D62AF" TextWrapping="Wrap" Text="Amount" Canvas.Left="-45.141" Canvas.Top="45.739"/>

        <Canvas Canvas.Top="0" Opacity="0">
            
            <!-- Assets -->
		    <Path Width="301.5" Height="134" Stretch="Fill" Stroke="#FF143BF2" StrokeThickness="1" Canvas.Left="-0.001" Canvas.Top="125.031" Data="M0.62613721,203.77911 L19.67321,195.04921 35.499001,200.03101 55.386471,177.9862 73.999001,188.53101 93.499001,172.03101 111.499,176.03101 130.999,163.03101 149.82821,157.74869 164.99901,162.53101 184.49901,157.03101 202.49257,159.67557 220.91707,169.14611 237.12729,153.38374 252.99985,149.81241 265.99901,140.03101 283.49902,125.53101 300.8977,132.84314 300.99902,258.53101 0.49899997,258.53101 z" Opacity="0.4" x:Name="Assets">
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
					    <GradientStop Color="#FF001161" Offset="0"/>
					    <GradientStop Color="#FF54B3FF" Offset="1"/>
				    </LinearGradientBrush>
			    </Path.Fill>
		    </Path>
		
            <!-- Total Expenses -->
		    <Path Width="301.515" Height="152.98" Stretch="Fill" Stroke="#FF143BF2" StrokeThickness="1" Canvas.Left="-0.001" Canvas.Top="106.456" Data="M0.999,231.031 L19.499,218.03101 36.736213,221.89202 56.499001,205.53101 76.0208,196.89278 95.464687,192.92465 112.13088,184.59157 131.17795,177.84574 149.03458,170.30629 164.99901,162.53101 184.49901,157.03101 202.99901,167.53101 220.49901,162.03101 234.99901,149.53101 249.42852,142.52936 265.99901,140.03101 283.55453,131.81541 301.01435,124.27694 301.01467,276.25608 0.49899997,275.46246 z" Opacity="0.4" x:Name="Total_Expenses">
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
					    <GradientStop Color="#FF001161" Offset="0"/>
					    <GradientStop Color="#FF54B3FF" Offset="1"/>
				    </LinearGradientBrush>
			    </Path.Fill>
		    </Path>

            <!-- Essential Expenses -->
		    <Path Width="301.373" Height="107.949" Stretch="Fill" StrokeThickness="1" Canvas.Left="0.126" Canvas.Top="150.694" Data="M0.62613721,217.7381 L19.276396,212.57954 37.022999,208.63057 56.499001,205.53101 75.193552,192.58795 94.555428,180.97087 113.36411,176.54532 132.72598,168.24741 150.42827,157.73673 165.91777,155.52395 184.72645,151.6516 202.42873,144.46008 220.4611,132.42356 235.62052,135.60897 250.49901,135.53101 266.04632,130.63023 283.15772,135.99429 300.61753,139.96241 300.99902,237.57827 1.0229512,237.57864 z" Opacity="0.4" x:Name="Essential_Expenses">
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
					    <GradientStop Color="#FF001161" Offset="0"/>
					    <GradientStop Color="#FF54B3FF" Offset="1"/>
				    </LinearGradientBrush>
			    </Path.Fill>
		    </Path>
            
                
            <!-- Assets Line -->
		    <Path Width="301.272" Height="79.248" Stretch="Fill" Stroke="#FF14F22D" StrokeThickness="3" Canvas.Left="0.126" Canvas.Top="125.031" Data="M0.6261376,203.77911 L19.276377,194.65239 35.499001,200.03101 55.783227,178.38302 73.999001,188.53101 93.499001,172.03101 111.499,176.03101 130.999,163.03101 149.43124,158.14551 164.99901,162.53101 184.49901,157.03101 202.14589,159.1916 221.21393,169.08726 237.12704,153.78056 252.99958,149.4156 265.99901,140.03101 283.49902,125.53101 300.8977,132.84314" Opacity="0.6" x:Name="Assets_Line"/>

            <!-- Total Expenses Line -->
		    <Path Width="300.619" Height="107.755" Stretch="Fill" Stroke="#FFF2142B" StrokeThickness="3" Canvas.Left="0.499" Canvas.Top="106.456" Data="M0.999,231.031 L19.499,218.03101 36.736251,221.49537 56.499001,205.53101 75.227251,196.8929 95.861602,192.92476 111.33737,184.98848 131.97172,177.84583 148.63792,169.51274 164.99901,162.53101 184.49901,157.03101 202.99901,167.53101 220.49901,162.03101 234.99901,149.53101 250.22242,142.13258 265.99901,140.03101 283.15802,132.21223 300.61785,124.27675" Opacity="0.5" x:Name="Total_Expenses_Line"/>

            <!-- Essential Expenses Line -->
		    <Path Width="300.991" Height="88.108" Stretch="Fill" Stroke="#FFF2142B" StrokeThickness="3" Canvas.Left="0.523" Canvas.Top="150.694" Data="M1.0229513,217.7385 L19.276426,212.57992 37.022999,208.63057 56.499001,205.53101 75.193552,192.58795 94.555428,180.97087 113.36411,176.54532 132.72598,168.24741 150.42827,157.73673 165.91777,155.52395 184.72645,151.6516 202.42873,144.46008 220.46145,132.82042 235.62052,135.60897 250.49901,135.53101 266.04632,130.63023 283.1577,135.59749 301.01433,139.96264" Opacity="1" x:Name="Essential_Expenses_line"/>

        </Canvas>


		<Canvas x:Name="TotalExpensesLabel" Width="121.072" Height="31.167" Canvas.Left="301.789" Canvas.Top="93.64">

			<Path Width="12.532" Height="3.856" Stretch="Fill" Stroke="#FF88C0FF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1.5" Data="M929,162.499 L112.91177,162.499" RenderTransformOrigin="0.5,0.5" Canvas.Top="10.747">
				<Path.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1" ScaleY="1"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="180"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Path.RenderTransform>
			</Path>

			<Rectangle Width="44" Height="32" Fill="#FFFFFFFF" Stroke="#FF8DC3FF" StrokeThickness="1" RadiusX="8" RadiusY="8" Canvas.Left="12.11" Canvas.Top="-3.871" />
			<TextBlock Width="102.362" Height="25.167" FontFamily="Trebuchet MS" FontSize="9" Foreground="#FF1D62AF" TextWrapping="Wrap" Canvas.Left="15.86" Canvas.Top="1.576"><Run Text="Total "/><LineBreak/><Run Text="Expenses"/></TextBlock>
		</Canvas>
        
		<Canvas x:Name="IncomeLabel" Width="121.072" Height="31.167" Canvas.Left="301.789" Canvas.Top="120.194">

			<Path Width="12.532" Height="3.856" Stretch="Fill" Stroke="#FF88C0FF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1.5" Data="M929,162.499 L112.91177,162.499" RenderTransformOrigin="0.5,0.5" Canvas.Top="10.747">
				<Path.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1" ScaleY="1"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="180"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Path.RenderTransform>
			</Path>

			<Rectangle Width="44" Height="16" Fill="#FFFFFFFF" Stroke="#FF8DC3FF" StrokeThickness="1" RadiusX="8" RadiusY="8" Canvas.Left="12.11" Canvas.Top="4.426" />
			<TextBlock Width="102.362" Height="25.167" FontFamily="Trebuchet MS" FontSize="9" Foreground="#FF1D62AF" TextWrapping="Wrap" Text="Assets" Canvas.Left="16.725" Canvas.Top="6.794"/>
		</Canvas>

        <Canvas x:Name="EssentialExpensesLabel" Width="121.072" Height="31.167" Canvas.Left="301.789" Canvas.Top="140.663">

			<Path Width="12.532" Height="3.856" Stretch="Fill" Stroke="#FF88C0FF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1.5" Data="M929,162.499 L112.91177,162.499" RenderTransformOrigin="0.5,0.5" Canvas.Top="18.493">
				<Path.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="1" ScaleY="1"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="180"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Path.RenderTransform>
			</Path>

			<Rectangle Width="44" Height="32" Fill="#FFFFFFFF" Stroke="#FF8DC3FF" StrokeThickness="1" RadiusX="8" RadiusY="8" Canvas.Left="12.11" Canvas.Top="4.426" />
			<TextBlock Width="102.362" Height="25.167" FontFamily="Trebuchet MS" FontSize="9" Foreground="#FF1D62AF" TextWrapping="Wrap" Canvas.Left="15.548" Canvas.Top="9.871"><Run Text="Essential"/><LineBreak/><Run Text="Expenses"/></TextBlock>
		</Canvas>


        <!-- Not Enough Assets Balloon -->
        <Canvas x:Name="InsufficientAssetsBalloon" Opacity="0" Canvas.Left="220.417" Canvas.Top="169.335" Canvas.ZIndex="2">
		    <Path Width="60.796" Height="38.256" Stretch="Fill" Stroke="#FFF27814" StrokeThickness="1" Data="F1 M0.33199465,-12.879995 L11.996545,0.49999994 58.127998,0.49999994 C59.232571,0.5 60.127998,1.3954304 60.127998,2.5000002 L60.127998,22.375999 C60.127998,23.48057 59.232571,24.375999 58.127998,24.375999 L2.4999995,24.375999 C1.3954304,24.375999 0.5,23.48057 0.50000012,22.375999 L0.50000012,2.5000002 C0.5,1.3954304 1.3954304,0.5 2.4999995,0.49999994 L3.2478507,0.49999994 0.33199465,-12.879995 z">
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
					    <GradientStop Color="#FFFDFDFD" Offset="0.99"/>
					    <GradientStop Color="#FFFBF39D" Offset="0"/>
				    </LinearGradientBrush>
			    </Path.Fill>
		    </Path>
        
		    <TextBlock Width="51.907" Height="24.515" Canvas.Left="8.889" Canvas.Top="15.486" FontFamily="Trebuchet MS" FontSize="9" FontWeight="Bold" Foreground="#FFF27814" Text="Not Enough Assets" TextWrapping="Wrap"/>

            <Ellipse Width="15" Height="15" Stroke="#FFF27814" StrokeThickness="1" Canvas.Left="-6.847" Canvas.Top="18.632">
			    <Ellipse.Fill>
				    <LinearGradientBrush EndPoint="-0.133,-0.143" StartPoint="1.1,0.998">
					    <GradientStop Color="#FFFFFFFF" Offset="1"/>
					    <GradientStop Color="#FFF5EE6E" Offset="0"/>
				    </LinearGradientBrush>
			    </Ellipse.Fill>
		    </Ellipse>

            <TextBlock Width="4.138" Height="17.46" Canvas.Left="-1.916" Canvas.Top="18.303" FontFamily="Trebuchet MS" FontSize="14" FontWeight="Bold" Foreground="#FFF27814" Text="!" TextWrapping="Wrap"/>
	    </Canvas>
        
    </Canvas>
    
</UserControl>
